<template>
  <div class="mui-row">
    <div class="mui-col-md-8">
      <Pdf :pstate="state" />
    </div>
    <div class="mui-col-md-4" >
      <Comment :pstate="state" />
      <button type="button" name="button"
      @click="test" >提交</button>
    </div>
  </div>

</template>

<script>
import Pdf from '../components/Pdf.vue';
import Comment from './Comment.vue';

export default {
  data(){
      return{
        state:{
          url:'/tmp/jds.pdf',
          pgNo:1,
          workerpath:'/dist/js/pdf.worker.js',
          scale:1.5,
          pdf:{},
          content:{text:'#input',html:''}
      }

    }
  },
  components:{Pdf,Comment},
  methods:{
    test(){
      console.log(" com test:");
      console.log(this.state.content.text);
    }
  }
}
</script>

<style lang="css">
</style>
